import React, { Component } from 'react'
import { orderDetail } from '../../api/order';
export default class OrderPay extends Component {


    componentDidMount() {
        //验证 是不是已经支付成功了，支付没成功,报错 ；支付成功,跳转页面到已支付未发货页面；长时间没有支付,跳转到 未支付页面
        const { orderId } = this.props.location.state.data;
        this.timer = setInterval(() => {
            orderDetail(orderId).then(res => {
                console.log(res);
                if (res.data.result.orderStatus === "01") {//支付成功了
                    //停止定时器
                    clearInterval(this.timer);
                    //跳转页面
                    this.props.history.push('/orderlist');
                } else {
                    console.log("支付失败+失败的原因");
                }
            })
        }, 1000);
    }

    render() {
        const { qrcode } = this.props.location.state.data;
        return (
            <div>
                微信二维码支付页面
                <img src={qrcode} alt="微信扫码支付" />

            </div>
        )
    }
}

